<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React 二次体验</title>
    <script src="./js/react.development.js"></script>
    <script src="./js/react-dom.development.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script>
      //创建 react 元素
      let div = React.createElement(
        'div', 
        null, 
        React.createElement('h2', {title: '蔡徐坤，现在是破鼓万人捶，这一次，他肯定是在劫难逃了'}, '蔡徐坤，现在是破鼓万人捶，这一次，他肯定是在劫难逃了!'), 
        React.createElement(
          'p', 
          null, 
          '蔡徐坤自从上次的丑闻事件曝光后，他的形象遭受冲击，影响也越发显著。近期，蔡徐坤面临诸多负面影响，导致央视频和《跑男》剪去他的片段', 
          React.createElement('a', {href: 'https://www.toutiao.com/article/7256957621444346403/?channel=&source=search_tab', target: '_blank'}, '查看详情')
        )
      );

      //渲染
      ReactDOM.render(div, document.getElementById('root'));
    </script>
  </body>
</html>
